<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div id="test">
    <ul>
        <li v-for=" (p,index) in persos" :key="p.id">
            {{index+1}}:{{p.id}}--{{p.name}}--{{p.age}}
        </li>
    </ul>
  </div>

  <script src="../js/vue.js"></script>
  <script>
    new Vue({
      el: "#test",
      data: {
        persos:[
            {id:1,name:'Tom',age:14},
            {id:2,name:'bob',age:15},
            {id:3,name:'jack',age:16},
        ]
      }
    })
  </script>
</body>
</html>